< !DOCTYPE html >
    <
    html >
    <
    head >
    <
    meta charset = "utf-8" >
    <
    meta name = "viewport"
content = "width=device-width, initial-scale=1" >
    <
    title > Demo < /title> <
    !--请勿在项目正式环境中引用该 layui.css 地址-- >
    <
    link href = "//unpkg.com/layui@2.8.18-rc.1/dist/css/layui.css"
rel = "stylesheet" >
    <
    /head> <
    body >
    <
    div class = "layui-collapse"
lay - accordion >
    <
    div class = "layui-colla-item" >
    <
    div class = "layui-colla-title" > 文学家 < /div> <
    div class = "layui-colla-content layui-show" >

    <
    div class = "layui-collapse"
lay - accordion >
    <
    div class = "layui-colla-item" >
    <
    div class = "layui-colla-title" > 唐代 < /div> <
    div class = "layui-colla-content layui-show" >

    <
    div class = "layui-collapse"
lay - accordion >
    <
    div class = "layui-colla-item" >
    <
    div class = "layui-colla-title" > 杜甫 < /div> <
    div class = "layui-colla-content layui-show" >
    一代诗圣 <
    /div> <
    /div> <
    div class = "layui-colla-item" >
    <
    div class = "layui-colla-title" > 李白 < /div> <
    div class = "layui-colla-content" >
    <
    p > 一代诗仙 < /p> <
    /div> <
    /div> <
    div class = "layui-colla-item" >
    <
    div class = "layui-colla-title" > 王勃 < /div> <
    div class = "layui-colla-content" >
    <
    p > 千古绝唱《 滕王阁序》 < /p> <
    /div> <
    /div> <
    /div>

    <
    /div> <
    /div> <
    div class = "layui-colla-item" >
    <
    div class = "layui-colla-title" > 宋代 < /div> <
    div class = "layui-colla-content" >
    <
    p > 一个属于文人的时代 < /p> <
    /div> <
    /div> <
    div class = "layui-colla-item" >
    <
    div class = "layui-colla-title" > 现代 < /div> <
    div class = "layui-colla-content" >
    <
    p > 文学大师纷纷登场 < /p> <
    /div> <
    /div> <
    div class = "layui-colla-item" >
    <
    div class = "layui-colla-title" > 当代 < /div> <
    div class = "layui-colla-content" >
    <
    p > 文人、 作家 < /p> <
    /div> <
    /div> <
    /div> <
    /div> <
    /div> <
    div class = "layui-colla-item" >
    <
    div class = "layui-colla-title" > 科学家 < /div> <
    div class = "layui-colla-content" >
    <
    p > 伟大的科学家 < /p> <
    /div> <
    /div> <
    div class = "layui-colla-item" >
    <
    div class = "layui-colla-title" > 艺术家 < /div> <
    div class = "layui-colla-content" >
    <
    p > 浑身散发着艺术细胞 < /p> <
    /div> <
    /div> <
    /div>

    <
    !--请勿在项目正式环境中引用该 layui.js 地址-- >
    <
    script src = "//unpkg.com/layui@2.8.18-rc.1/dist/layui.js" > < /script>

    <
    /body> <
    /html>